<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>订单页详细的信息</title>	
	<link rel="stylesheet" href="__ROOT__/template/css/head.css"  type="text/css" />
	<link rel="stylesheet" href="__ROOT__/template/css/dingdan2.css" />
	<link rel="stylesheet" href="__ROOT__/template/css/order.css" />
	<script type="text/javascript" src='__ROOT__/template/js/jquery-1.7.2.min.js'></script>
	<script type="text/javascript" src='__ROOT__/template/js/dingdan2.js'></script>
	<script src="__ROOT__/template/js/jquery-1[1].2.6.js" type="text/javascript"></script>
      <script src="__ROOT__/template/js/jquery.provincesCity.js" type="text/javascript"></script>
     	<script src="__ROOT__/template/js/provincesdata.js" type="text/javascript"></script>
	  <script>
	//调用城市级联的插件
	$(function(){
		$("#test").ProvinceCity();
	});
  </script>
</head>
<body>
<!-- 最顶部的可关闭广告 -->
<!-- <div id='top_ad'><img src="__ROOT__/template/images/top_ad.jpg" alt="" /></div> -->
<!-- 最顶部的可关闭广告结束-->
<!-- 头部灰色区域 -->
<load file="__ROOT__/template/default/head.html"/>
<!-- 头部灰色区域结束 -->
<!-- 中间主体区域 -->
	<div id="main">
		<div id="logo">
			<a href="" class="logo"><img src="__ROOT__/template/images/logo.png" alt="" /></a>
			<div class="r">
				<span class='buzhou1'>1.我的购物车</span>
				<span class='buzhou2'>2.填写核对订单信息</span>
				<span class='buzhou3'>3.成功提交订单</span>
			</div>
		</div>

<!-- //////////////////////////用户收货地址管理区域开始//////////////////////////////////////// -->
		<div id="dizhi">
			<h2>填写并核对订单信息</h2>
			<div class="di">
				<h3>收件人地址</h3>
				<table class='table2' width='100%'>
					<tr>
						<th width='30' ></th>
						<th width='80' align='center'>姓名</th>
						<th >地址</th>
						<th >电话</th>
						<th>邮编</th>
						<th ></th>
					</tr>
				<form action="{|U:'index'}" class='form1' method='post'>
					<list from="$address" name="dizhi">
						<tr style="height:20px;">
							<if value='$hd.list.dizhi.last'>
								<td align='right'><input type="radio" name="shiyong" id="" value='{$dizhi.id}' checked=''/></td>
								<else/>
								<td align='right'><input type="radio" name="shiyong" id="" value='{$dizhi.id}'/></td>
							</if>
							<td align='center'>{$dizhi.name}</td>
							
							<td>{$dizhi.address}</td>
							<td>{$dizhi.tel}</td>
							<td >{$dizhi.email}</td>
							<td></td>
						</tr>
					 </list>
				 
				 </table>
					<div class="xindizhi">
						<label><input type="radio" name="shiyong"  class='new'/><span>使用新地址</span></label>
					</div>
				</form>
				<form action=""  onsubmit="return address(this)" class='form2' method='post'>
				<table class="table">
					<tr>
						<td align="right">*收货人:</td>
						<td><input type="text" name="uname" id="" class="w150" /></td>
					</tr>
					<tr>
						<td>*所在地区:</td>
						<td>
							<div id="test"></div>
						</td>
					</tr>
					<tr>
						<td>*详细地址:</td>
						<!-- 问题 -->
						<td><input type="text" name="dizhi" id="" class="w300" /></td>
						<!-- 问题 -->
					</tr>
					<tr>
						<td>*手机号码:</td>
						<td><input type="text" name="tel" id="" class="w150" /></td>
					</tr>
					<tr>
						<td align='right'>邮箱:</td>
						<td><input type="text" name="email" id="" class="w150" /></td>
					</tr>
					<tr>
						<td colspan="2">
							<!-- <a href="javascript:;" class="bao" onclick="submit()">保存收货人信息</a> -->
							<input type="submit" name="bao" value="保存收货人信息" id="" />
						</td>
					</tr>
				</table>
			</form>
			</div>
<script>

</script>

<!-- /////////////////////////////////用户收货地址管理区域结束//////////////////////////////// -->
<!-- =================提交订单的处理=================== -->

			<div class="qingdan">
				<h2>商品清单</h2>
				<div class="biaoti">
					<span class='first'>商品</span>
					<span >京东价</span>
					<span >优惠</span>
					<span >数量</span>
					<span >库存状态</span>
				</div>
				<div class="list">
					<div class="list_l">
						<a href="" class="img"><img src="__ROOT__/template/images/rBEIDE_r0PcIAAAAAARHajo8PxMAAC_iwAqhXgABEeC848.jpg" alt="" /></a>
						<div class="text">
							<a href="">CAMEL骆驼男鞋 春夏款 个性时尚冲孔鞋男士休闲鞋A2008013 棕色 42</a>
							<p>商品编号：1005184178</p>
						</div>
					</div>
					<div class="jiage">
						￥388.00
					</div>
					<div class="youhui">
						
					</div>
					<div class="num">
						X1
					</div>
					<div class="kucun">
						有货
					</div>
				</div>
				<div class="list">
					<div class="list_l">
						<a href="" class="img"><img src="__ROOT__/template/images/rBEIDE_r0PcIAAAAAARHajo8PxMAAC_iwAqhXgABEeC848.jpg" alt="" /></a>
						<div class="text">
							<a href="">CAMEL骆驼男鞋 春夏款 个性时尚冲孔鞋男士休闲鞋A2008013 棕色 42</a>
							<p>商品编号：1005184178</p>
						</div>
					</div>
					<div class="jiage">
						￥388.00
					</div>
					<div class="youhui">
						
					</div>
					<div class="num">
						X1
					</div>
					<div class="kucun">
						有货
					</div>
				</div>
				<p class="jiesuan">{$session.cart.totalnum} 件商品，总商品金额：{$session.cart.totalprice}</p>
				<p class="jiesuan">应付总额： {$session.cart.totalprice}</p>
				<div class="money">
					<span style="color:red;font-weight: 700">应付总额：{$session.cart.totalprice}元</span><a href="javascript:;" onclick="order()">提交订单</a>
					<div class="clear"></div>
				</div>
			</div>
		</div>	
<script>
	function order(){
		$.post("{|U:'addOrder'}",$(".form1").serialize(),function(state){
			if(state==1){
				url="{|U:'zhifu'}";
				location.href=url;
			}
		})
		// $(".form1").submit();
	}
</script>
<!-- ====================提交订单处理结束================= -->


















		<!-- 底部导航 -->
		<div class="dibu_menu">
			<a href="">关于我们</a> <a href="">联系我们</a> <a href="">人才招聘</a> <a href="">商家入驻</a><a href="">广告服务</a> <a href="">手机京东</a> <a href="">友情链接</a><a href="">销售联盟</a><a href="">京东社区</a> <a href="">京东公益</a><a href="" class="last">English Site</a>
		</div>
		<!-- 底部导航结束 -->
		<!-- icp信息 -->
		<div class="icp">
			<p>
				北京市公安局朝阳分局备案编号110105014669&nbsp;|&nbsp;京ICP证070359号&nbsp;|&nbsp;互联网药品信息服务资格证编号(京)-非经营性-2011-0034 <br />
				<a href="">音像制品经营许可证苏宿批005号</a>&nbsp;|&nbsp;出版物经营许可证编号新出发(苏)批字第N-012号&nbsp;|&nbsp;互联网出版许可证编号新出网证(京)字150号
				<br />
				<a href="">网络文化经营许可证京网文[2011]0168-061号</a>Copyright&nbsp;©&nbsp;2004-2014&nbsp;&nbsp;京东JD.com&nbsp;版权所有	
				<br />
				京东旗下网站：<a href="">360TOP</a><a href="">迷你挑</a>
			</p>
			<div class="icp_img clear">
				<a href="" class="icp_img1"><img src="__ROOT__/template/images/icp_img1.gif" alt="" /></a>
				<a href="" class="icp_img2"><img src="__ROOT__/template/images/icp_img2.gif" alt="" /></a>
				<a href="" class="icp_img3"><img src="__ROOT__/template/images/icp_img3.png" alt="" /></a>
				<a href="" class="icp_img3"><img src="__ROOT__/template/images/icp_img4.png" alt="" /></a>
			</div>

		</div>
		<!-- icp信息结束 -->
	</div>
<!-- 中间主体区域结束 -->
</body>
</html>